<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<title>Invest Page</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=520px" />
        <link rel="shortcut icon" href="images/farmer.ico">
        <link rel="stylesheet" href="assets/css/jquery-ui.css">
        <link rel="stylesheet" href="assets/css/invest-page.css">
        <link rel="stylesheet" href="assets/css/invest.css">
        <!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
        <script src="assets/lib/jquery-2.1.1.js" type="text/javascript"></script>
		<script src="assets/lib/jquery-ui-1.11.0.min.js" type="text/javascript"></script>
        <script src="assets/js/invest.js" type="text/javascript"></script>
        <script src="assets/js/investpage.js" type="text/javascript"></script>
        <script src="assets/js/autocomplete.js" type="text/javascript"></script>
    </head>
    <body>
   		<div class="container">
            <div class="header">
            	<table>
                	<tr>
                    	<td width="137" align="center">
                            <img src="images/APC_logo.png" width="120"/>
                        </td>
                        <td width="849" class="header-text">
                            <p>AgroPortfolio.com Invest in Latin American AGRO</p>
                       	</td>
                	</tr>
                </table>
            </div>
			<div class="article content">
            	<div class="section invest">
                    <div class="invest-container">
                        <h3>Invest</h3>
                        <h4>Place an investment</h4>
                        <p class="error-message" hidden="true">All form fields are required</p>
                        <div class="invest-data-div">
                            <label>Country</label>
                            <select name="country"></select>
                            <br /><br />
                            <label>Farmer</label>
                            <select name="farmer"></select>
                            <br /><br />
                            <label>Crop</label>
                            <select name="crop"></select>
                            <br /><br />
                            <label>Amount(US$)<span>*</span></label>
                            <input type="text" name="amount" value="Enter amount to invest"/>
                        </div>
                        <div class="invest-button-div">
                            <button class="invest-button">INVEST</button>
                        </div>
                    </div>
                </div>
                <div class="section frame">
                    <p>
                     	This is a text with frame...
                    </p>
                </div>
                <div class="section">
                    <p>
                     	This is a text without frame...
                    </p>
                </div>
            </div>
            <div class="push"></div>
        </div>
        <div class="footer">
            <p>
                Disclaimer agroportfolio.com connects investors with farmers and 
                helps them do business by providing web infraestructure to do so,
                though, agroportfolio.com does no warranty a good harvest will be
                provided by farmers.
            </p>
        </div>
    </body>
</html>
